<?xml version="1.0" encoding="windows-1252"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"/>
        <title>TODO supply a title</title>
    </head>
   <body class="claro">
        <form action="process.php" method="get" class="hs-form left">
            <div class="hs-form-field">
                <label class="hs-form-lbl" for="firstName">First Name: </label>
                <input type="text" name="firstName" placeholder="Your Name" id="firstName" dojoType="dijit.form.TextBox" />
            </div>

            <div class="hs-form-field">
                <label class="hs-form-lbl" for="surname">Surname: </label>
                <input class="hs-form-txt" type="text" name="surname" placeholder="Your Website" id="surname" dojoType="dijit.form.TextBox" />
            </div>

            <div class="hs-form-field">
                <label class="hs-form-lbl" for="color">Favorite Color: </label>
                <select class="hs-form-select" name="color" id="color" dojoType="dijit.form.FilteringSelect">
                    <option value="">Select a Color</option>
                    <option value="Red">Red</option>
                    <option value="Green">Green</option>
                    <option value="Blue">Blue</option>
                </select>
            </div>

            <div class="hs-form-field">
                <label class="hs-form-lbl" for="checkbox">Send Emails? </label>
                <input class="hs-form-checkbox"type="checkbox" id="checkbox" checked="checked" dojoType="dijit.form.CheckBox" />
            </div>

            <div class="hs-form-field">
                <label class="hs-form-lbl">Email Format: </label>
                <input class="hs-form-radio" type="radio" id="radio1" name="format" checked="checked" dojoType="dijit.form.RadioButton" />
                <label class="hs-form-checkbox-lbl" for="radio1">HTML</label>

                <input class="hs-form-radio" type="radio" id="radio2" name="format" dojoType="dijit.form.RadioButton" />
                <label class="hs-form-radio-lbl" for="radio2">Text</label>
            </div>

            <div class="hs-form-submit">
                <input type="submit" value="Submit Form" label="Submit Form" id="submitButton" dojoType="dijit.form.Button" />
            </div>
        </form>
    </body>
</html>
